﻿<template>
      <!--send box s-->
    <div class="letter_send_box" v-on:touchstart.self="hid_layer">
      <!--<div class="my_letter" v-on:click="goTo_letter_list">
        我的信件
      </div>-->
      <router-view @hide_load="loading_hide" @show_load ="loading_show"></router-view>
      <Loading v-show="isloading"  v-on:click.self="loading_hide"></Loading>
    </div>
</template>
<script>
    import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';
    import "../../../static/css/Letter/Certain_layer.css";
    import Loading from "../../components/loading.vue";
    import { Toast } from 'mint-ui';
export default {
  name: 'hello',
  data () {
    return {
      get_layer_show: this.$store.getters.get_layer_show,
      isloading: false
    }
  },
  ...mapActions([
    "thom_redirect",
  ]),
  ...mapMutations([
    "Change_certain_layer"
  ]),
  methods: {
    loading_hide: function () {
      this.isloading = false
    },
    loading_show: function () {
      this.isloading = true;
    },
    //页面跳转
    certain_jump: function () {
      this.$store.dispatch("thom_redirect",{name:"/letter/SucLetter",router:this.$router});
    },
    hid_layer:function () {
      //this.$store.dispatch("thom_redirect",
      //  {
      //    name:"/Index_main",router:this.$router
      //  });
    },
    goTo_letter_list: function () {
      this.$store.dispatch("thom_redirect", { name: "/Letter_list", router: this.$router });
    }
  },
  components: {
    Loading
  }
}
</script>
<style>
  .my_letter {
    position: absolute;
    top: 1rem;
    left: 10%;
    width: 20%;
    height: 2rem;
    border-radius: 2vw;
    text-align: center;
    line-height: 2rem;
    font-size: 0.8rem;
    background-color: #3292a7;
    z-index: 100;
    color: #fff;
    box-shadow: 0 2px 6px 2px rgba(70, 68, 68, 0.8);
  }

  /*.index_main .letter_send_box::before {
    filter: blur(20px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "1fdsfsd";
    z-index: 100;
  }*/
  .index_main .letter_send_box {
    width:100%;
    height:100%;
  }
</style>

